<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width
=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-
scalable=no">
    <meta name="apple-mobile-web-app-title" content="标题">
    <!-- 添加到主屏后的标题（iOS 6 新增） -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!-- 是否启用 WebApp 全屏模式 -->
    <meta name="apple-mobile-web-
app-status-bar-style" content="white-translucent">
    <meta name="apple-
mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="../../css/mobile_reset.css">
    <link rel="stylesheet" href="../../css/mui.css">
    <link rel="stylesheet" href="../../css/invite_friends/fans.css">
    <title>添加银行卡</title>
    <script>
    (function() {
        document.addEventListener('DOMContentLoaded', function() {
            var html = document.documentElement;
            var windowWidth = html.clientWidth;

            // 如果用电脑打开，最大字体100px
            html.style.fontSize = windowWidth > 1024 ? 100 + 'px' : windowWidth / 7.5 + 'px';
            // 等价于html.style.fontSize = windowWidth / 750 * 100 + 'px';

        }, false);

    })();
    </script>
</head>

<body>
    <section class="layout-container">
        <!-- 导航 -->
        <nav>
            <ul class="nav clearfix">
                <li><a href="#" class="selected">邀请方式</a></li>
                <li><a href="#" >奖励说明</a></li>
                <li><a href="#">邀请结果</a></li>
            </ul>
        </nav>
        <section class="info clearfix">
            <div class="week left">
                <img src="../../images/invite_friends/qyfs_icon_friend_default@2x.png" alt="">
                <p class="week-fans info-data">本周邀请粉丝：<b>1800人</b></p>
            </div>
            <div class="sum right">
                <p class="info-data">累计邀请粉丝：<b>2000人</b></p>
                <p class="info-data">累计夺宝币奖励：<b>200个</b></p>
                <p class="info-data">累计赏金奖励：<b>2000元</b></p>
            </div>
        </section>
        <section class="main">
            <div class="control">
                <a href="#" class="selected">粉丝活跃情况</a>
                <a href="#">您的奖励明细</a>
            </div>
            <div class="pannel">
                <ul class="tabs clearfix">
                    <li class="left"><a href="#" class="selected">一级粉丝<span>(10)</span></a></li>
                    <li class="left"><a href="#">二级粉丝<span>(10)</span></a></li>
                </ul>
                <!-- 粉丝活跃情况 -->
                <table class="fans-active" style="display: none">
                    <tbody>
                        <tr class="title">
                            <td>粉丝名称</td>
                            <td>申请次数</td>
                            <td>订单完成 额</td>
                        </tr>
                        <tr>
                            <td>无****T</td>
                            <td>120次</td>
                            <td>120单</td>
                            <td>12000.00元</td>
                        </tr>
                        <tr>
                            <td>无****T</td>
                            <td>120次</td>
                            <td>120单</td>
                            <td>12000.00元</td>
                        </tr>
                        <tr>
                            <td>无****T</td>
                            <td>120次</td>
                            <td>120单</td>
                            <td>12000.00元</td>
                        </tr>
                        <tr>
                            <td>无****T</td>
                            <td>120次</td>
                            <td>120单</td>
                            <td>12000.00元</td>
                        </tr>
                        <tr>
                            <td>无****T</td>
                            <td>120次</td>
                            <td>120单</td>
                            <td>12000.00元</td>
                        </tr>
                    </tbody>
                </table>
                <!-- 粉丝奖励 -->
                <table class="award">
                    <tbody>
                        <tr class="title">
                            <td>粉丝名称</td>
                            <td>夺宝币奖励</td>
                            <td>领袖赏金</td>
                            <td>返现奖励</td>
                        </tr>
                        <tr>
                            <td>无****T</td>
                            <td>120个</td>
                            <td>120元</td>
                            <td>12000.00元</td>
                        </tr>
                        <tr>
                            <td>无****T</td>
                            <td>120个</td>
                            <td>120元</td>
                            <td>12000.00元</td>
                        </tr>
                        <tr>
                            <td>无****T</td>
                            <td>120个</td>
                            <td>120元</td>
                            <td>12000.00元</td>
                        </tr>
                        <tr>
                            <td>无****T</td>
                            <td>120个</td>
                            <td>120元</td>
                            <td>12000.00元</td>
                        </tr>
                    </tbody>
                </table>
                <div class="no-data" style="display: none">
                    <img src="../../images/invite_friends/qyfs_bg_no_default@2x.png" alt="">
                    <a href="#">立即邀请</a>
                </div>
            </div>
        </section>
    </section>
</body>
<script src="../../js/jquery-1.10.2.js"></script>
<script src="../../js/mui.js"></script>
<script src="../../js/shike.js"></script>
<script src="../../js/invite_friends/invite.js"></script>
</html>
